<?php if (!defined('THINK_PATH')) exit();?>﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link href="__PUBLIC__/Admin/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/Admin/css/H-ui.Admin.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/Admin/css/style.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/Admin/lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>博客分类列表</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 博文管理 <span class="c-gray en">&gt;</span> 博文列表 <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a class="btn btn-primary radius" onclick="article_add('添加资讯','__URL__/article_add_view')" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加分类</a></span> <span class="r">共有数据：<strong>54</strong> 条</span> </div>
	<div class="mt-20">
		<table class="table table-border table-bordered table-bg table-hover table-sort">
			<thead>
				<tr class="text-c">
					<th width="25"><input type="checkbox" name="" value=""></th>
					<th width="80">ID</th>
					<th width="80">排序</th>
					<th width="80">展开</th>
					<th width="80">分类名</th>
					<th>状态</th>
					<th width="120">更新时间</th>
					<th width="120">操作</th>
				</tr>
			</thead>
			<tbody id="tbody">
			<?php if(is_array($data)): $i = 0; $__LIST__ = $data;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$d): $mod = ($i % 2 );++$i;?><tr class="text-c">
					<td><input type="checkbox" value="" name=""></td>
					<td><?php echo ($d['id']); ?></td>
					<td><a href="JavaScript:;" onclick="showOrder_by(<?php echo ($d['id']); ?>)"><?php echo ($d['order_by']); ?></a></td>
					<td><a href="javascript:;" onclick="type_show(this)" is_open=false index="<?php echo ($i); ?>" dataid = "<?php echo ($d['id']); ?>" class="my-iconfont arrow"></a></td>
					<td class="text-l"><u style="cursor:pointer" class="text-primary" onClick="article_edit('查看','','10002')" title="查看"><?php echo ($d['cname']); ?></u></td>
					<td><?php if($d['status'] == 1): ?><span class="label label-success radius">正常</span><?php else: ?>禁止<?php endif; ?></td>
					<td class="td-status"><?php echo (date("Y-m-d",$d['createtime'])); ?></td>
					<td class="f-14 td-manage"><a style="text-decoration:none" class="ml-5" onClick="article_edit('','<?php echo U('Admin/article/article_add_view');?>?id=<?php echo ($d['id']); ?>','<?php echo ($d['id']); ?>')" href="javascript:;" title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a> <a style="text-decoration:none" class="ml-5" onClick="article_del(this,'<?php echo ($d['id']); ?>')" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
				</tr><?php endforeach; endif; else: echo "" ;endif; ?>
			</tbody>
		</table>
	</div>
</div>
<script type="text/javascript" src="__PUBLIC__/Admin/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/lib/layer/1.9.3/layer.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/js/H-ui.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/js/template.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/MinAjax.js"></script>
<script src="__PUBLIC__/js/startmove.js"></script>
<script type="text/javascript">
/**
 * @param url 请求的url
 * @fn 要执行的函数
 * */
function requestDate(url,tr,fn){
	 ajax({
		 type:'GET',
		 url:url,
		 dataType:'json',
		 success:function(data){
			  fn(tr,data);
		 }
	 })
}

function addToHtme(tr,data){
	 var tplHtml = [];
	 var tpl = template.tpl_articletype_show;
	 var url = "<?php echo U('Admin/article/article_add_view');?>"

	 tr.className = 'text-c';
	 for(var i=0;i<data.length;i++) {
		 url+="?id="+data[i]['id'];
		 if(data[i]['status']==1){
			  status = '<span class="label label-success radius">正常</span>';
		 }else{
			  status = '<span class="label label-success radius">禁止</span>';
		 }
		 tplHtml.push(tpl.replace(/\{cname}/g, data[i]['cname'])
				 .replace(/\{id}/g,data[i]['id'])
				 .replace(/\{time}/g,data[i]['createtime'])
				 .replace(/\{status}/g,status)
				 .replace(/\{url}/g,url))
	 }
	 tr.innerHTML = tplHtml.join('');
}

// 重新编排索引

// 获取子分类数据
function type_show(obj){
	    var is_open = obj.getAttribute('is_open');
		var tbody = document.getElementById('tbody');
	    var trbody = document.getElementsByTagName('tbody');
		var tbodytr = tbody.getElementsByTagName('tr');
		thistrindex = obj.getAttribute('index');
	  if(is_open=="false") {
		  if(trbody[1]!=undefined){ tbody.removeChild(trbody[1]);}
		  var id = obj.getAttribute('dataid');
		  if (id == '') return;
		  url = "<?php echo U('Admin/article/getArticle');?>";
		  url += "?id=" + id;
		  var tr = document.createElement('tbody');
		  tr.className = 'text-c loading';
		  tr.innerHTML = "<td>加载中</td>";
		  tbody.insertBefore(tr,tbodytr[thistrindex]);
		  requestDate(url, tr, addToHtme);
		  obj.style.transform = "rotate(180deg)";
		  obj.setAttribute("is_open",true);
	  }else{
		  obj.style.transform = "rotate(0deg)";
          tbody.removeChild(trbody[1]);
		  obj.setAttribute("is_open",false);
	  }
}

function showOrder_by(id){
	 var layout_order = document.createElement('div');
	 layout_order.className = "layout_order";
	 var tpl = template.tpl_updata_order_by;
	 layout_order.innerHTML = tpl.replace(/\{id}/g,id);
     document.body.appendChild(layout_order);
	 Move(layout_order,'opacity',100);
}

function submit_cancel(){
	 var layout_order = document.getElementsByClassName('layout_order')[0];
	 Move(layout_order,'opacity',0);
	 setTimeout(function () {
		 document.body.removeChild(layout_order);
	 },300)
}

function submit_order(){
	 var order_by_red_tips = document.getElementsByClassName('order_by_red_tips')[0];
	 var id = document.getElementById('id');
	 var form_updata_order_by = document.getElementsByClassName('form_updata_order_by')[0].getElementsByTagName('input');
	 if(form_updata_order_by[0].value==''){
		 order_by_red_tips.style.display = 'inline-block';
		 order_by_red_tips.innerHTML = '不能为空';
		 return ;
	 }
	 order_by_red_tips.style.display = 'none';
	 var url = "<?php echo U('Admin/article/updataOrder','','');?>";
	 url+="?id="+id.value+"&order="+form_updata_order_by[0].value+"&by=articleType";
     ajax({
         type:"GET",
		 url:url,
		 dataType:'json',
		 success:function(data){
			   if(data['code'] == 200){
				   layer.msg('更新成功',1);
			   }
			   if(data['code'] == 401){
				   layer.msg('更新失败',1);
			   }
		 }
	 })
}

/*资讯-添加*/
function article_add(title,url,w,h){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*资讯-编辑*/
function article_edit(title,url,id,w,h){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*资讯-删除*/
function article_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		var url = "<?php echo U('Admin/article/delartileType');?>"
		url+="?id="+id;
		ajax({
			type:"GET",
			url:url,
			dataType:'json',
			success:function(data){
				 console.log(data);
				 var op = true;
				 url+="&op="+op;
				 if(data['code']==400) {
					 layer.confirm('分类下有子分类,依然要删除吗？', function (index) {
						 ajax({
							 type:"GET",
							 url:url,
							 dataType:'json',
							 success:function(data) {
								 if (data['code'] == 200) {
									 $(obj).parents("tr").remove();
									 layer.msg('已删除!',1);
								 }else{
									 layer.msg('删除失败',1);
								 }
							 }
						 })
					 })
				 }
				 if(data['code']==200){
					 $(obj).parents("tr").remove();
					 layer.msg('已删除!',1);
				 }
			}
		})
	});
}

</script> 
</body>
</html>